$timeCellHeight:35px;
$timeCellWidth:35px;
.top {
    background: #fff;
    padding: 20px;
}

.time {
    text-align: center;
    margin-bottom: 10px;
    .label {
        display: inline-block;
        vertical-align: top;
        line-height: $timeCellHeight;
        height: $timeCellHeight;
        margin: 0 10rpx;
    }
    .cell {
        display: inline-block;
        background: #000;
        height: $timeCellHeight;
        overflow: hidden;
        width: $timeCellWidth;
        position: relative;
        border-radius: 50%;
        .list {
            position: absolute;
            left: 0;
            right: 0;
            line-height: 100%;
            width: $timeCellWidth;
            transition: transform .5s;
            .n {
                line-height: $timeCellHeight;
                height: $timeCellHeight;
                font-size: 12pt;
                color: #fff;
                font-weight: bold;
            }
        }
    }
}

.left-num {
    font-size: 13pt;
    text-align: center;
}

.desc {
    color: #888;
    font-size: 8pt;
    text-align: center;
}
.success{
    text-align: center;
}
.member-list {
    text-align: center;
    padding: 10px;
    background: #fff;
    .item {
        display: inline-block;
        position: relative;
        margin: 10rpx;
        line-height: 100%;
        .avatar{
            width: 60px;
            height: 60px;
            border-radius: 50%;
            border: 2px solid #ffab33;
            background-size: 100% 100%;
            display: inline-block;
            background-repeat: no-repeat;
            background-position: center;
            line-height: 0;
            box-sizing: border-box;
            background-image: url(http://img.zhxcxmall.com/static/no-member.png)
        }
        .name{
            line-height: 100%;
            font-size: 10pt;
            width: 60px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        .bar {
            position: absolute;
            top: -5px;
            right: -10px;
            display: inline-block;
            padding: 0 4px;
            background: #E02E24;
            color: #ffffff;
            font-size: .7em;
            border-radius: 5px;
            border: solid 1px #ffffff;
        }
        &.no {
            .avatar{
                border: 2px dotted #c4c4c4;
                background-size: 30%;
                opacity: .6;
            }
            vertical-align: top;
        }
        
    }
}

.goods{
    background: #fff;
    padding: 5px;
}
.help{
    background: #fff;
    padding: 10px;
    font-size: 10pt;
    font-weight: 400;
    .item{
        color: #888;
        font-size: 10pt;
        border-radius: 5px;
        position: relative;
        padding-left: 22px;
        line-height: 110%;
        margin-bottom: 10rpx;
        &:before{
            content: '';
            display: inline-block;
            width: 5px;
            height: 5px;
            background: #888;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 20%;
        }
    }
}